<template>
  <div>
    <MyDialog>
      <!-- 
        定向分发
        template标签 + v-slot:插槽名称
       -->
      <template v-slot:header> 我是大标题 </template>
      <template v-slot:content> 我是中间内容 </template>
      <template #footer>
        <button>退出</button>
      </template>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from "./components/MyDialog.vue";
export default {
  data() {
    return {};
  },
  components: {
    MyDialog,
  },
};
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>